<div class="control-box">
    <img id="control-box-previous" src="./img/ic_previous.png">
    <img id="control-box-play" src="./img/ic_play.png">
    <img id="control-box-stop" class="dispeared" src="./img/ic_stop.png">
    <img id="control-box-next" src="./img/ic_next.png">
</div>
<div class="timeline-bar">
    <div class="timeline-bar-highlight-box">
        <div class="timeline-bar-lowlight"></div>
        <div class="timeline-bar-highlight"></div>
        <div class="timeline-bar-circle"></div>
    </div>
</div>
<div class="timeline-word-box">
    <div class="timeline-word0">0</div>
    <div class="timeline-word1">3</div>
    <div class="timeline-word2">6</div>
    <div class="timeline-word3">9</div>
    <div class="timeline-word4">12</div>
    <div class="timeline-word5">15</div>
    <div class="timeline-word6">18</div>
    <div class="timeline-word7">21</div>
    <div class="timeline-word8">24</div>
    <div class="timeline-word9">27</div>
    <div class="timeline-word10">30</div>
    <div class="timeline-word11">33</div>
    <div class="timeline-word12">36</div>
    <div class="timeline-word12">39</div>
    <div class="timeline-word12">42</div>
    <div class="timeline-word12">45</div>
    <div class="timeline-word12">48</div>
</div>